.register-form {background: #fff;padding: .8rem;box-sizing: border-box;position: relative;}
.register-form .form-item {display: flex;flex-direction: column;margin-bottom: .2rem;height: 1.82rem;}
.register-form .form-item .form-label {font-size: .30rem;margin-bottom: .2rem;display: flex;align-items: center;}
.register-form .form-item .form-label p {display: flex;align-items: center;}
.register-form .form-item .form-label p .change-code{color: #0365ff;margin-left: .1rem;}
.register-form .form-item .form-label p img {width: 1rem;height: .4rem;border: 1px solid #cccccc;}
.register-form .form-item .form-label span:first-child {color: #ff3531;margin-right: .1rem;}
.register-form .form-item .checkBox {display: flex;align-items: center;font-size: .25rem;margin-bottom: .2rem;}
.register-form .form-item .checkBox a {color: #0066ff;}
.register-form .form-item .error-mes {font-size: .28rem;color: #ff3531;}
.register-form input.text-input {height: .80rem;border: 1px solid #cccccc;border-radius: .15rem;padding: 0 .3rem;box-sizing: border-box;}
.register-form input.text-input:focus {border-color: #ff3433;}
input[type='submit'] {height: .75rem;border: 0;background: #ff3433;border-radius: .06rem;color: #fff;font-size: .35rem;}
input[type='checkbox'] {width: .3rem;height: .3rem;border-radius: 100%;-webkit-appearance:none;border: 1px solid #fd3938;margin-right: .15rem}
input[type='checkbox']:checked {background: url("../image/circle.png")no-repeat center;background-size: .4rem .4rem}

.dialog {background: #fff;z-index: 999;width: 6.75rem;margin: 0 auto;border-radius: .15rem;box-sizing: border-box;position: fixed;top: 3rem;left: .4rem;display: none;padding: .2rem 0 .4rem 0;box-shadow: .01rem .01rem .1rem #222222;}
.dialog ul {display: flex;align-items: center;flex-wrap: wrap;background: #fff;width: 100%;border-radius: .15rem;padding: .2rem;box-sizing: border-box;margin-bottom: .2rem;}
.dialog ul li {background: #eeeeee;width: 1.85rem;border-radius: .1rem;display: flex;align-items: center;justify-content: center;margin: .13rem;padding: .1rem 0;color: #767676;font-size: .3rem;}
.dialog ul .chosed {background: #666666;width: 1.85rem;border-radius: .1rem;display: flex;align-items: center;justify-content: center;margin: .13rem;padding: .1rem 0;color: #fff;font-size: .3rem;}
.dialog button {background: #ff3433;width: 5.1rem;height: .75rem;display: flex;align-items: center;justify-content: center;color: #fff;margin: 0 auto;border: 0;border-radius: .1rem;font-size: .36rem}

/* 遮罩层 */
.mask {background: #fff;opacity: 0.7;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}